<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
  <HEAD><TITLE>添加菜单</TITLE>
    <META charset=utf-8>
    <META name=viewport content="width=device-width, user-scalable=no, initial-scale=1">
    <link href="__PUBLIC__/css/base.css" rel="stylesheet">
<link href="__PUBLIC__/css/pages/work_plan.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/menu.js">
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
  </HEAD>

  <BODY>
     <div class="button-group">
        <div class="button">
            <i class="iconfont">&#xe620;</i>
            <span class="button-label" id="list">添加菜单</span>
        </div>
        <div class="button current">
            <i class="iconfont">&#xe609;</i>
            <span class="button-label">删除</span>
        </div>
        <div>
          *微信限制最多三个菜单，每个菜单下最多五个子菜单（注意）
        </div>
    </div>
      
         <div>菜单：<input type="text"><button id="zlist1">添加子菜单</button><div id="list1"></div></div>
         <div>菜单：<input type="text"><button id="zlist2">添加子菜单</button><div id="list2"></div></div>
         <div>菜单：<input type="text"><button id="zlist3">添加子菜单</button><div id="list3"></div></div>

   
   <script type="text/javascript">
     $('#zlist1').click(function(){
      $('#list1').append('---子菜单：<input type="text"><br>');
     });
      $('#zlist2').click(function(){
      $('#list2').append('---子菜单：<input type="text"><br>');
     });
      $('#zlist3').click(function(){
      $('#list3').append('---子菜单：<input type="text"><br>');
     });
   </script>
   
  </BODY>
</HTML>
